<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <title>call客</title>
	<style>		
		.txtTd1 {text-align:right;width:10%}
		.txtTd {text-align:left;width:90%}

	</style>
</head>
<body>
        <table style="width:100%">
            <tr>
                <td class="txtTd1">当前状态:</td>
                <td class="txtTd2" id="status" style="color:red">  未登录</td>
            </tr>
            <tr>
                <td class="txtTd1">当前账号:</td>
                <td class="txtTd2"><input id="mainCallPhone" value="13800000027" /><input type="button" value="登录" id="login"></td>
            </tr>
            <tr id="passwordTr">
                <td class="txtTd1">账号密码:</td>
                <td class="txtTd2"><input id="password" value="ihkyanfa"/></td>

            </tr>
            <tr>
                <td class="txtTd1">被叫号码:</td>
                <td class="txtTd2"><input  class="initDom" id="targetCallPhone" disabled/></td>
            </tr>
			<tr>
                <td  class="txtTd1">状态:</td>
                <td  class="txtTd2">
					<textarea id="txResult" class="initDom" style="height:300px;width:80%;" disabled readonly></textarea>
				</td>
            </tr>            
        </table> 
		<div style="text-align:right;width:82%">
			<input type="button" id="callBtn" disabled="true" value="外呼" style="display: none" >
			<input type="button" id="interrupCall" onclick="ajaxInterrupt()"  value="挂断" style="display: none" >
		</div>

        <div id="freeswitchCall">
            <audio id="remoteAudio"></audio>
            <audio id="bell" th:src="@{/js/freeswitch/sounds/outgoing.ogg}" loop></audio>
            <audio id="localAudio" muted></audio>
        </div>
</body>

<!--储存后台变量-->
<script  th:inline="javascript">
    var callService=[[${callService}]];
    var cloudCallWs=[[${cloudCallWs}]];
    var freeswitchWs=[[${freeswitchWs}]];
    var userurl=[[${userurl}]];
</script>

<script type="text/javascript"   th:src="@{/js/jquery-1.7.2.min.js}" ></script>
<script type="text/javascript"   th:src="@{/js/freeswitch/cloudCallUtils.js}" ></script>
<script type="text/javascript"   th:src="@{/js/freeswitch/testCallDemo.js}" ></script>
<!--<script type="text/javascript"   th:src="@{/js/freeswitch/ihkCall.js}" ></script>-->
<script type="text/javascript"   th:src="@{/js/freeswitch/ihkCall.js}" ></script>
<script type="text/javascript"   th:src="@{/js/freeswitch/sipjsCall.js}" ></script>
<!--<script type="text/javascript"   th:src="@{/js/freeswitch/sipjsCall.js}" ></script>-->
<script type="text/javascript">
    alert("test");
</script>
</html>